<template>
    <div class="inner-warp">
        <MainTitleVue title="联系我们" />
        <div class="title">
            如果在使用本网站时遇到问题，请联系我们。
      </div>
       <n-data-table :columns="columns" :data="data" :pagination="pagination" />
    </div>
</template>

<script setup lang='ts'>
import MainTitleVue from "@/components/common/MainTitle.vue";
import { NButton, useDialog, useMessage } from "naive-ui";
import { h } from "@vue/runtime-core";
import { getCurrentInstance, onMounted, ref } from "vue";
import { useRouter } from 'vue-router';
const message = useMessage()
const data = ref([
  {
    key: 0,
    name: '王雨飞',
    address: '765353015@qq.com',
  },
  {
    key: 1,
    name: '赵东成',
    address: '269629082@qq.com',
  },
  {
    key: 2,
    name: '章善彬',
    address: '785433083@qq.com',
  },
  {
    key: 3,
    name: '张偌瑜',
    address: '741949729@qq.com',
  },
  {
    key:4,
    name: '汪钇辰',
    address: '1446773657@qq.com',
  },
  {
    key:5,
    name: '欧阳思问',
    address: '1161746761@qq.com',
  }
])
const pagination = ref({
    pageSize:10,
})
const columns = ref([
    {
      title: 'Name',
      key: 'name'
    },
    {
      title: 'Address',
      key: 'address'
    },
  ])
</script>

<style scoped>
.inner-warp {
    margin: 50px auto;
    width: 1100px;
}
.title {
  font-size: 20px;
}
</style>